.px2rem(@name,@px){
    @{name}:@px / 75 * 1rem;
}

//*{margin: 0;padding: 0;}
li {list-style: none;}
a {text-decoration: none;}
body,html{width: 100%;background: #CCCCCC;}
div{overflow: auto;}



.yj{
    text-decoration:line-through;
         color: #CCCCCC;
}
.xj{
    .px2rem(font-size,40);
         color: #e4010d;
}
.cpm{
         .px2rem(font-size,40);
     }



header{
    overflow: auto;
    text-align: center;
    background: #8ec251;
    .px2rem(height,100); 
    .px2rem(line-height,80);
    div{
       
        img{
            float: left;
            .px2rem(width,120); 
            .px2rem(height,80); 
        }
      input{
            .px2rem(width,500); 
            .px2rem(height,55); 
            text-align: center;
            border: 0;
        }  
    }
    
}



section{
    background: #f2f2f2;
    .nav{
        div{
            background: white;
            span{
                overflow: auto;
                img{
                   .px2rem(height,80);
                   .px2rem(width,80); 
                }
            }
            .ggc{
            background: url(../img/images/dian_03.png) no-repeat left center;
            .px2rem(font-size,35); 
            .px2rem(padding-left,15);
            .px2rem(margin-left,15);
            }
        }
    }
    
    
    overflow: auto;
    .rm{
        .px2rem(margin-top,20);
        .nav{
            .px2rem(font-size,45);
            background: white;
            span{
                background: url(../img/images/首页（改）-1_03.png) no-repeat left 0;
                .px2rem(background-size,45);
                float: left;
                .px2rem(padding-left,45);
                color: #fd6502;
            }
            a{
                float: right;
                color: #999999;
                background: url(../img/gengduo.png) no-repeat right 0;
                .px2rem(background-size,30);
                .px2rem(padding-right,30);
            }
        }
        .nr{
            display: flex;
            .left{
                flex: 1;
                background: #f5f5f5;
                ul{
                    .cpm{
                        .px2rem(font-size,40);
                    }
                    .xj{
                        .px2rem(font-size,35);
                        color: red;
                    }
                    input{
                        background: red;
                        color: white;
                        border: 0;
                        .px2rem(width,150);
                        .px2rem(height,50);
                    }
                }
                img{
                    .px2rem(width,250);
                    height: auto;
                }
            }
            .right{
                flex: 2;
                .shang{
                    background: white;
                    ul{
                        float: left;
                        .cpm{
                            .px2rem(font-size,40);
                        }
                        .xj{
                            .px2rem(font-size,35);
                             color: red;
                        }
                    }
                    span{
                        float: right;
                        img{
                            .px2rem(width,250);
                            height: auto;
                        }
                    }
                }
                .xia{
                    background: white;
                    
                    .xl{
                        float: left;
                        background: url(../img/juzi.png) no-repeat right 0 bottom 0;
                        ul{
                            .cpm{
                                .px2rem(font-size,40);
                            }
                            .xj{
                                .px2rem(font-size,35);
                                color: red;
                            }
                        }
                    }
                    .xr{
                        float: right;
                        background: url(../img/juzi.png) no-repeat right 0 bottom 0;
                        ul{
                            .cpm{
                                .px2rem(font-size,40);
                            }
                            .xj{
                                .px2rem(font-size,35);
                                color: red;
                            }
                        }
                    }
                }
            }
        }
    }
    
    .xp{
        .px2rem(margin-top,20);
        .nav{
            .px2rem(font-size,45);
            background: white;
            span{
                background: url(../img/images/xp_03.png) no-repeat left 0;
                .px2rem(background-size,45);
                float: left;
                .px2rem(padding-left,45);
                color: #71c311;
            }
            a{
                float: right;
                color: #999999;
                background: url(../img/gengduo.png) no-repeat right 0;
                .px2rem(background-size,30);
                .px2rem(padding-right,30);
            }
        }
        .nr{
            li{
                display: flex;
                div{flex: 1;text-align: center;background: white;}
            }
        }
    }
}

.zh{
    .px2rem(height,100);
    background: #f2f2f2;
    display: flex;
    ul{
        margin: 0 auto;
        display: flex;
        width: 50%;
        align-items: center;
    }
    li{
        flex: 1;
        justify-content:space-around;
    }
}
